*{
  margin:0px;
  padding:0px;
  
}
html,body {
    width:100%;
    height:100%;  
}
img{
    width:100%;
    height:100%;  
    position:absolute;
    z-index:-1;
}
/*input:nth-child(-n+3){
  width:10%;
 }
 input:nth-child(-n+3){
 height:3%;
 }*/
input{
}
#name{
    position:absolute;
    z-index:1;
    top:33.3%;
    left:45%;
}
#password{
    position:absolute;
    z-index:1;
    top:39%;
    left:45%;
}
#security{
    position:absolute;
    z-index:1;
    top:45%;
    left:45%;
    width:4%;
}
.security3{
    position:absolute;
    z-index:1;
    top:45%;
    left:51%;
    width:4%;
}
#submit{
    position:absolute;
    z-index:10;
    top:54.5%;
    left:45.1%;
    width:9.5%;
    height:4%;
    background:linear-gradient(to bottom,#6591ca,#174a8d);
    border-radius:5px;
    border:0px;
     font-size:16px;
     font-family:"Regular";
     color:#FFF;
}
.ss{
   font-family:"Microsoft YaHei";
   font-size:21px;
   color: #fff;
}
.a{
    position:absolute;   
     z-index:1;
    top:33%;
    left:39%;
}
.b{
    position:absolute; 
     z-index:1;
    top:38.5%;
    left:39%;
}
.c{
    position:absolute; 
    top:44.4%;
    left:39%;
}













